/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide a{ display:block; width:100%; height:100%;}
.ind-banner .swiper-pagination-bullet {width: 43px; height: 6px; opacity: 1; border: #fff solid 1px; background: none; border-radius: 4px; margin-right:14px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: #fff!important; } 
.ind-banner .swiper-pagination{ text-align: left; left:85px!important; bottom: 75px!important; } 
.ind-banner .swiper-button-prev{ display: none; left: 20px; width: 53px; height: 53px; background: url(../images/nimg53_left.png) no-repeat; }
.ind-banner .swiper-button-next{ display: none; right: 20px; width: 53px; height: 53px; background: url(../images/nimg53_right.png) no-repeat; }

.ind-banner .ban1 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban1 .txt1{font-size: 36px; padding-bottom: 25px; color:#fff; position: relative;} 
.ind-banner .ban1 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #fff;}
.ind-banner .ban1 .txt2{ font-size: 60px; font-weight: bold; margin-top: 2.5%; color: #fff;
	background-image: -webkit-linear-gradient(top,#0b6fb8,#42c0fa);
    background-image: linear-gradient(to bottom,#0b6fb8,#42c0fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;} 
.ind-banner .ban1 .txt3{ font-size: 30px; color: #fff; margin-top: 2%; text-transform: uppercase;}
.ind-banner .ban1 .btnDiv{ margin-top: 4.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban1 .robotImg{ position: absolute; right: 50%; bottom: 2%; margin-right: -600px; margin-top: 18%;}
.ind-banner .ban1 .robotImg img{ width: 100%;}
.ind-banner .ban2 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban2 .txt1{font-size: 36px; padding-bottom: 25px; color:#fff; position: relative;} 
.ind-banner .ban2 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #fff;}
.ind-banner .ban2 .txt2{ font-size: 60px; font-weight: bold; margin-top: 2.5%; color: #fff;
	background-image: -webkit-linear-gradient(top,#0b6fb8,#42c0fa);
    background-image: linear-gradient(to bottom,#0b6fb8,#42c0fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;} 
.ind-banner .ban2 .txt3{ font-size: 30px; color: #fff; margin-top: 2%; text-transform: uppercase;}
.ind-banner .ban2 .btnDiv{ margin-top: 4.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban2 .robotImg{ position: absolute; right: 50%; bottom: 0; margin-right: -600px; margin-top: 18%;}
.ind-banner .ban2 .robotImg img{ width: 92%;}
.ind-banner .ban3 .txtDiv{ position: absolute; left: 0; width: 100%; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban3 .txt1{font-size: 60px; color:#fff; text-align: center;} 
.ind-banner .ban3 .txt2{font-size: 26px; padding: 15px 0 40px; color: #fff; text-align: center; text-transform: uppercase;} 
.ind-banner .ban3 .btnDiv{ margin: 0 auto; color: #298ffd; width: 143px; height: 57px; line-height: 47px; background: url(../images/btn3.png) no-repeat; text-indent: 26px; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -170px;}
.ind-banner .ban4 .txt1{font-size: 36px; padding-bottom: 25px; color:#0a74c1; position: relative;} 
.ind-banner .ban4 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #0a74c1;}
.ind-banner .ban4 .txt2{ font-size: 60px; margin-top: 2.5%; color: #0a74c1;} 
.ind-banner .ban4 .txt3{ font-size: 30px; color: #3c3c3c; margin-top: 2%;}
.ind-banner .ban4 .btnDiv{ margin-top: 6.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .robotImg{ position: absolute; right: 50%; bottom: 12%; margin-right: -525px; margin-top: 18%;}
.ind-banner .ban4 .robotImg img{ width: 100%;}

.ind-banner .scrollBtn{ width:20px; height:40px; position:absolute; left:50%; bottom:64px; margin-left:-10px; z-index: 22;}

@-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}}
.pre-wrap{width:20px; height:40px; position:relative;-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out}

/*banner结束*/
.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 4px; width:12px; height:12px; background:url(../images/ico1.png) no-repeat;}
.indexFlashTel .slick-dots .slick-active{background:url(../images/ico1on.png) no-repeat;}


.indexTitle{ text-align: center; }
.indexTitle .txt1{ font-size: 50px; color: #494949; text-transform: uppercase; padding-bottom: 10px; font-weight: bold;}
.indexTitle .txt2{ font-size: 24px; color: #808080; position: relative; padding-bottom: 25px; }
.indexTitle .txt2 em{ position: absolute; left: 50%; margin-left: -14px; bottom: 0px; width: 28px; height: 3px; background: #d51b32; display: block; }

.indexPart1{ padding: 120px 85px; }
.indexPart1 .indexTitle{ padding-bottom: 70px; }
.indexPart1 .mxfDiv{ overflow: hidden; border-left: #e8e8e8 solid 1px;}
.indexPart1 .mxfDiv li{ float: left; width: 20%; height: 472px; }
.indexPart1 .mxfDiv li .nlwx{ width: 100%; }
.indexPart1 .mxfDiv li .box{ border: #e8e8e8 solid 1px; height: 470px; border-left: none; position: relative;}
.indexPart1 .mxfDiv li .name{ padding: 60px 0 10px; text-align: center; color: #181818; font-weight: bold; font-size: 20px; }
.indexPart1 .mxfDiv li .msg{ font-size: 16px; color: #828282; text-align: center; padding-bottom: 75px; }
.indexPart1 .mxfDiv li .ico{ text-align: center; }
.indexPart1 .mxfDiv li .ico .img1{ display: none; }
.indexPart1 .mxfDiv li .wen{ width: 100%; position: absolute; left: 0px; bottom: 0px; text-align: center; border-top: #e8e8e8 dashed 1px; height: 76px; color: #828282; line-height: 76px; font-size: 14px; }
.indexPart1 .mxfDiv li .hideBox{ display: none; width: 50%; height: 472px; background: url(../images/nimg349Bg.jpg) center no-repeat;}
.indexPart1 .mxfDiv li.liNow, .indexPart1 .mxfDiv li.liNow2{ width:40%; position:relative;}
.indexPart1 .mxfDiv li.liNow .box, .indexPart1 .mxfDiv li.liNow2 .box{ background: #d9251c; border: #d9251c solid 1px;}
.indexPart1 .mxfDiv li.liNow .hideBox, .indexPart1 .mxfDiv li.liNow2 .hideBox{ display: block;}
.indexPart1 .mxfDiv li.liNow .nlwx, .indexPart1 .mxfDiv li.liNow2 .nlwx{ width: 50%; }
.indexPart1 .mxfDiv li.liNow .ico img, .indexPart1 .mxfDiv li.liNow2 .ico img{ display: none; }
.indexPart1 .mxfDiv li.liNow .ico .img1, .indexPart1 .mxfDiv li.liNow2 .ico .img1{ display: inline-block; }
.indexPart1 .mxfDiv li.liNow .name, .indexPart1 .mxfDiv li.liNow2 .name{ color: #fff; }
.indexPart1 .mxfDiv li.liNow .msg, .indexPart1 .mxfDiv li.liNow2 .msg{ color: #fff; opacity: 0.8;}
.indexPart1 .mxfDiv li.liNow .wen, .indexPart1 .mxfDiv li.liNow2 .wen{ color: #fff; opacity: 0.8;}
.indexPart1 .mxfDiv li dd{ font-size: 16px; height: 78px; border-bottom: #4d4d4d solid 1px; position: relative; }
.indexPart1 .mxfDiv li dd:last-child{ border-bottom: none; }
.indexPart1 .mxfDiv li dd a{ padding-left: 30px; display: block; height: 78px; line-height: 78px; color: #999; }
.indexPart1 .mxfDiv li dd a:hover{ color: #d9251c; }
.indexPart1 .mxfDiv li dd em{ position: absolute; right: 0px;top: 0px; height: 100%; width: 30px; background: #3a3a3a url(../images/nimg18_1.jpg) right center no-repeat; }

.indexPart1 .listTel ul{ margin-right: -10px; }
.indexPart1 .listTel li{ float: left; width: 50%; margin-bottom: 10px; }
.indexPart1 .listTel li .box{ margin-right: 10px; }
.indexPart1 .listTel li .text-descTel{ background:#d9251c; padding:20px 10px;}
.indexPart1 .listTel li .name{ color:#fff; font-size:16px; position:relative; padding-bottom:15px;}
.indexPart1 .listTel li .name .btn1{ position:absolute; right:0px; top:2px; width:20px; height:20px; display:block; background:url(../images/nimg29_1.png) no-repeat; background-size:100%;}
.indexPart1 .listTel li dd{ font-size:12px; height:26px; line-height:26px; overflow:hidden;}
.indexPart1 .listTel li dd a{ background:url(../images/ico4.png) left center no-repeat; padding-left:15px; color:#fff;}

.indexPart2 .indexTitle{ padding-bottom: 74px; }
.mainModBox{ margin:0 auto;}
.mainModBox ul{ width:100%; margin:50px auto;}
.mainModStyle1 li{ width:25%; height:auto; float:left; position: relative; overflow:hidden;}
.mainModStyle1 li .img{ width:100%; overflow:hidden}
/*.mainModStyle1 li:hover .img img { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }
*/.mainModStyle1 li .img img{ width:100%; transform: scale(1, 1);transition: all 0.2s ease-in-out 0s;}
.mainModBox .TxtLinkStyle1{display:block; height:100%; width:100%}
.mainModBox .TxtLinkStyle2{display:block; height:100%; width:100%;position: absolute;top:auto;left: 0;background:url(../images/bg1.png) repeat;/*filter: alpha(opacity=70);opacity: 0.7;*/overflow: hidden; z-index: 10;}
.mainModBox .TxtLinkStyle2 .Ico{ padding:90px 0 10px 0; text-align:center;}
.mainModBox .TxtLinkStyle2 .Name{ font-size:18px; color:#fff; text-align:center; padding-bottom: 12px;}
.mainModBox .TxtLinkStyle2 .msg{ text-align: center; color: #fff; font-size: 14px; line-height: 18px; padding: 0 60px;}

.indexPart2 .list ul{ margin-right: -10px; }
.indexPart2 .list li{ float:left; width:50%; margin-bottom:10px;}
.indexPart2 .list li .box{ margin-right:10px; position:relative;}
.indexPart2 .list li .imgDiv img{ width:100%; display:block;}
.indexPart2 .list li .name{ position:absolute; left:0px; bottom:0px; height:32px; line-height:32px; background:url(../images/bg2.png) repeat; width:100%; line-height:32px; text-align:center;}
.indexPart2 .list li .name a{ color:#fff;}


.indexPart3{ padding: 120px 85px 135px; }
.indexPart3 .indexTitle{ padding-bottom: 75px; }
.indexPart3 .leftDiv{ width: 35%; }
.indexPart3 .leftDiv .box{ margin-right: 100px; height: 512px; border-bottom: #d51b32 solid 3px;}
.indexPart3 .leftDiv .imgDiv img{ width: 100%; }
.indexPart3 .leftDiv .botDiv{ padding: 30px 28px 0; position: relative;}
.indexPart3 .leftDiv .name{ font-size: 24px; height: 76px; line-height: 38px; overflow: hidden; }
.indexPart3 .leftDiv .name a{ color: #181818; }
.indexPart3 .leftDiv .name a:hover{ color: #d51b32; }
.indexPart3 .leftDiv .mxf{ margin-top: 26px; position: relative; height: 38px;}
.indexPart3 .leftDiv .time{ color: #9a9a9a; font-size: 14px; line-height: 38px;background: url(../images/nimg18_1.png) left center no-repeat;padding-left: 28px;}
.indexPart3 .leftDiv .btnDiv{ position: absolute; right: 0px; top: 0px; }

.indexPart3 .midDiv{ width: 44%; }
.indexPart3 .midDiv .box{ margin-right: 100px; }
.indexPart3 .list li{ margin-bottom: 48px; position: relative; padding-left: 254px; height: 140px; }
.indexPart3 .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.indexPart3 .list li .name{ height: 35px; line-height: 35px; font-size: 20px; }
.indexPart3 .list li .name a{ display: block; overflow: hidden; height: 35px; color: #181818; }
.indexPart3 .list li .name a:hover{ color: #d51b32; }
.indexPart3 .list li .time{ padding-left: 28px; background: url(../images/nimg18_1.png) left center no-repeat; color: #9a9a9a; height: 30px; line-height: 30px; font-size: 14px;}
.indexPart3 .list li .content{ font-size: 14px; height: 56px; line-height: 28px; overflow: hidden; color: #828282; padding-top: 10px; }

.indexPart3 .rightDiv{ width: 20.3%; }
.indexNews{ position: relative; }
.indexNews .slick img{ width: 100%; }
.indexNews .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexNews .slick-dots li{display:inline-block; margin:0 4px; width:12px; height:12px; background:url(../images/ico1.png) no-repeat;}
.indexNews .slick-dots .slick-active{background:url(../images/ico1on.png) no-repeat;}

.indexPart4{ padding-bottom: 150px; }
.indexPart4 .bigImg img{ width: 100%; }
.indexPart4 .botDiv{ margin: 0 85px; height: 460px; position: relative; }
.indexPart4 .leftDiv{ position: absolute; left: 0px; bottom: 0px; width: 30%; z-index: 5; height: 680px; background: #d51b32 url(../images/nimg344_1.png) right bottom no-repeat;}
.indexPart4 .txt1{ padding: 75px 0 0 80px; color: #fff; font-size: 50px; font-weight: bold; text-transform: uppercase;}
.indexPart4 .txt2{ padding: 10px 0 30px 80px; font-size: 24px; color: #f2c9cc; position: relative;}
.indexPart4 .txt2 em{ position: absolute; left: 80px; bottom: 0px; display: block; width: 28px; height: 3px; background: #fff; }
.indexPart4 .numList{ padding: 35px 0 0 80px; }
.indexPart4 .numList li{ color: #f3ced0; }
.indexPart4 .numList li .LineNum{ font-size: 52px; color: #fff; }
.indexPart4 .btnDiv{ padding: 75px 0 0 80px; }
.indexPart4 .rightList{ position: absolute; width: 62%; border-left: #f1f1f1 solid 1px; border-top: #f1f1f1 solid 1px; bottom: 0px; right: 0px;}
.indexPart4 .rightList li{ width: 20%; float: left; }
.indexPart4 .rightList li .box{ border-right: #f1f1f1 solid 1px; border-bottom: #f1f1f1 solid 1px;}
.indexPart4 .rightList li img{ width: 100%; }

.news{ padding-bottom: 22px; }
.news .list ul{ margin-right: -64px; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 64px; }
.news .list li .box{ margin-right: 64px; height: 297px; border-top: #fff solid 3px; background: #fff; padding: 0 28px;}
.news .list li a{ display: block; width: 100%; height: 100%; }
.news .list li .name{ padding-top: 35px; height: 72px; line-height: 36px; overflow: hidden; font-weight: bold; font-size: 24px; color: #303030; }
.news .list li .content{ font-size: 14px; margin-bottom: 25px; padding-top: 10px; height: 72px; line-height: 24px; overflow: hidden; color: #999; }
.news .list li .botDiv{ height: 38px; position: relative; }
.news .list li .time{ padding-right: 30px; color: #666; line-height: 38px; font-size: 14px;}
.news .list li .shu{ padding-left: 24px; background: url(../images/nimg18_2.png) left center no-repeat; line-height: 38px; color: #999; }
.news .list li .ico{ position: absolute; right: 0px; top: 0px; width: 38px; height: 38px; background: url(../images/nimg38_1.png) no-repeat; display: block;}
.news .list li:hover .box{ border-top:#da251d solid 3px; -webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); }
.news .list li:hover .name{ color: #da251d; }
.news .list li:hover .ico{ background: url(../images/nimg38_1on.png) no-repeat;}



.newShow{ padding-bottom:30px;}
.newShow .name{ height:56px; border-bottom:#f2f2f2 solid 1px; position:relative;}
.newShow .name h2{ font-size:20px; color:#000;}
.newShow .name .right{ position:absolute; right:0px; top:0px;}
.newShow .name .right li{ float:left; font-size:14px; margin-left:24px;}
.newShow .name .right li img{ padding-right:8px; top:-2px; position:relative;}
.newShow .content{ font-size:14px; line-height:32px; padding:25px 0 45px;}
.newShow .imgDiv{ text-align:center; padding:30px 0;}
.newShow .share{ padding-left:60px; position:relative;}
.newShow .share em{ position:absolute; left:0px; top:3px; font-size:14px;}
.newShow .share a{ width:27px; height:27px; display:inline-block; margin-right:7px;}
.newShow .bottom{ position:relative;}
.newShow .btnDiv{ display:none; position:absolute; right:0px; top:0px;}
.newShow .btnDiv a{ display:block; width:102px; height:26px; line-height:26px; background:url(../images/btn1.jpg) left center no-repeat; background-size:102px; color:#fff; font-size:12px; text-indent:45px;}

	.newShow a
	{color:#21a1e2;
	
	}
		.newShow a:hover
		{ text-decoration:underline;
		}


.case{ padding: 26px 85px; }
.case .list ul{ margin-right: -40px; }
.case .list li{ float:  left; width: 25%; }
.case .list li .box{ margin-right: 40px; }
.case .list li .imgDiv{ padding-bottom: 35px; background: url(../images/nimg390Bg.png) center bottom no-repeat;}
.case .list li .limg{ border: #f0f0f1 solid 8px; border-radius: 4px; -moz-border-radius:4px;}
.case .list li .limg img{ width: 100%; }
.case .list li .name{ font-size: 18px; color: #666; text-align: center; height: 26px; line-height: 26px; overflow: hidden;}
.case .list li .msg{ color: #adadad; font-size: 14px; text-align: center; padding-top: 5px; height: 80px;}
.case .list li:hover .name{ color: #d82c24; }

.pageBottom{ background:#f2f2f2; padding:35px 0;}

.caseRecommend{ width:810px;}
.caseRecommend .title{ font-size:24px; color:#000; height:48px;}
.casePic { position:relative;}
.casePic .slick{ width:390px; height:338px; margin:0 15px 20px 0; background:#fff;}
.casePic .slick .bottom{ height:110px; padding:0 20px; position:relative;}
.casePic .slick:hover{  box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.casePic .slick .imgDiv img{ width:100%;}
.casePic .slick .name{ padding-top:35px; font-size:16px; height:26px; overflow:hidden;}
.casePic .slick .msg{ color:#999;}
.casePic .slick .ico{ position:absolute; right:20px; bottom:44px; width:15px; height:11px;}
.casePic .slick-prev{ display:block; width:39px; height:15px; background:url(../images/nimg39_left.jpg) no-repeat; position:absolute; right:56px; top:-40px;}
.casePic .slick-next{ display:block; width:39px; height:15px; background:url(../images/nimg39_right.jpg) no-repeat; position:absolute; right:15px; top:-40px;}
.casePic .slick-prev:hover{ background:url(../images/nimg39_lefton.jpg) no-repeat;}
.casePic .slick-next:hover{ background:url(../images/nimg39_righton.jpg) no-repeat;}



.caseShow{ padding-bottom:30px;}
.caseShow .name{ height:56px; border-bottom:#f2f2f2 solid 1px; position:relative;}
.caseShow .name h2{ font-size:20px; color:#000;}
.caseShow .name .right{ position:absolute; right:0px; top:0px;}
.caseShow .name .right li{ float:left; font-size:14px; margin-left:24px;}
.caseShow .name .right li img{ padding-right:8px; top:-2px; position:relative;}
.caseShow .content{ font-size:14px; line-height:32px; padding:25px 0;}
.caseShow .imgDiv{ text-align:center; padding:30px 0;}
.caseShow .bottom{ position:relative;}
.caseShow .share{ padding-left:60px; position:relative;}
.caseShow .share em{ position:absolute; left:0px; top:3px; font-size:14px;}
.caseShow .share a{ width:27px; height:27px; display:inline-block; margin-right:7px;}
.caseShow .btnDiv{ display:none; position:absolute; right:0px; top:0px;}
.caseShow .btnDiv a{ display:block; width:102px; height:26px; line-height:26px; background:url(../images/btn1.jpg) left center no-repeat; background-size:102px; color:#fff; font-size:12px; text-indent:45px;}

.caseShow a
	{color:#21a1e2;
	
	}
		.caseShow a:hover
		{ text-decoration:underline;
		}


        
.pageDown{height:150px; position:relative;}
.pageDown .box{ border-top:#dddddd dashed 1px; padding-top:25px;}
.pageDown li{font-size:14px; height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; color:#acacac;}
.pageDown li b{ color:#444;}
.pageDown .btnDiv{ position:absolute; right:0px; top:33px;}
.pageDown .btnDiv a{ display:block; width:149px; height:38px; line-height:38px; background:url(../images/btn1.jpg) left center no-repeat; color:#fff; font-size:14px; text-indent:65px;}



.newsRecommend{ width:390px;}
.newsRecommend .title{ position:relative; font-size:24px; color:#000; height:48px;}
.newsRecommend .title a{ position:absolute; top:10px; right:0px; background:url(../images/line5.jpg) left center no-repeat; font-size:12px; color:#000; padding-left:20px; font-style:italic; text-transform:uppercase;}
.newsRecommend .list{ background:#fff; padding:20px 25px 0; height:318px;}
.newsRecommend .list li{ height:38px; line-height:38px; font-size:14px; overflow:hidden; background:url(../images/ico6.png) left center no-repeat; padding-left:18px;}

.app{ padding-top: 50px; }
.appPart1{ padding-bottom: 105px; }
.appPic{ position: relative;}
.appPic .swiper-container{ padding-bottom: 100px;}
.appPic .leftDiv{ width: 25%; padding-right: 25%; padding-top: 30px;}
.appPic .name{ font-size: 30px; color: #000; padding-bottom: 45px; }
.appPic .msg{ font-size: 14px; color: #646464; line-height: 24px; }
.appPic .rightImg{ width: 50%; }
.appPic .rightImg .imgDiv{ padding-left: 50px; }
.appPic .rightImg img{ width: 100%; }
.appPic .swiper-pagination{ position: absolute; width: auto!important; bottom: 0px!important; font-size: 18px; color: #000;}
.appPic .swiper-pagination .my-pagination-current{ font-size: 48px; }

.appPart2{ background: url(../images/nimg1920_9.jpg) center no-repeat; background-size: cover; height: 456px; text-align: center;}
.appPart2 .txt{ text-align: center; color: #fff; font-size: 30px; padding: 175px 0 40px; }
.onlineMessage{ display:inline-block; height:48px;line-height:48px;text-align: center;color: #cc0000; box-shadow: 0 15px 30px rgba(0,0,0,.2); border:1px solid #cc0000; font-size: 16px; margin:15px 0; padding:0 100px 0 50px; border-radius:100px; background-color: #fff; background-image:url(../images/nimg33_1on.png);background-position:85% center; background-repeat:no-repeat; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
.onlineMessage:hover{ color: #fff; border:1px solid #cc0000; background-color:#cc0000;background-image:url(../images/nimg33_1.png); box-shadow: 0 15px 30px rgba(0,0,0,.2);}
.onlineMessage.on{ color: #fff; border:1px solid #cc0000; background-color:#cc0000;background-image:url(../images/nimg33_1.png); box-shadow: 0 15px 30px rgba(0,0,0,.2);}
.onlineMessage.on:hover{color: #cc0000; border:1px solid #cc0000;background-color: #fff; background-image:url(../images/nimg33_1on.png);}

.onlineMessage2{ padding:0 25px; background-image:none;}
.onlineMessage2:hover{ color: #fff; border:1px solid #cc0000; background-color:#cc0000;background-image:none; box-shadow: 0 15px 30px rgba(0,0,0,.2);}
.onlineMessage2.on{ color: #fff; border:1px solid #cc0000; background-color:#cc0000;background-image:none; box-shadow: 0 15px 30px rgba(0,0,0,.2);}
.onlineMessage2.on:hover{color: #cc0000; border:1px solid #cc0000;background-color: #fff; background-image:none;}


.appPart3{ height: 463px; background: url(../images/nimg1920_10.jpg) center no-repeat; background-size: cover;}
.appPart3 .txt{ text-align: center; padding-top: 150px; color: #000; font-size: 30px; }

.appPart4{ padding-top: 190px; }
.appPart4 .box{ padding-bottom: 140px; overflow: hidden; }
.appPart4 .leftDiv{ width: 50%; }
.appPart4 .leftDiv{ padding-top: 75px; }
.appPart4 .txt{ position: relative; padding-bottom: 24px; font-size: 30px; color: #000; }
.appPart4 .txt em{ position: absolute; left: 0px; bottom: 0px; width: 28px; height: 3px; background: #d51b32; display: block; }
.appPart4 .msg{ padding-top: 20px; font-size: 14px; color: #646464; line-height: 24px; }
.appPart4 .rightDiv{ padding-left: 100px; width: 500px; padding-top: 100px;}

.appPart5{ background: #ebebeb; padding: 65px 0 60px; }
.appPart5 .txt{ text-align: center; font-size: 30px; color: #141414; padding-bottom: 25px; }
.appPart5 .msg{ font-size: 14px; color: #646464; padding-bottom: 35px; text-align: center;}
.appPart5 .imgDiv{ text-align: center; }

.appPart6{ background: #3ca7ff; padding: 65px 0 70px; }
.appPart6 .txt{ text-align: center; font-size: 30px; color: #fff; padding-bottom: 25px; }
.appPart6 .msg{ font-size: 14px; color: #fff; padding-bottom: 55px; text-align: center;}
.appPart6 .imgDiv{ text-align: center; }

.appPart7{ text-align: center; padding: 115px 0 95px; }
.appPart7 .txt{ text-align: center; font-size: 30px; color: #000; padding-bottom: 100px; }
.appPart7 .imgDiv{ text-align: center; padding-bottom: 95px;}


.gdpp{ padding-top: 50px; }
.gdppPart1{ padding-bottom: 150px; }
.gdppPic{ position: relative;}
.gdppPic .swiper-container{ padding-bottom: 50px;}
.gdppPic .leftDiv{ width: 30%; padding-right: 15%; padding-top: 20px;}
.gdppPic .name{ font-size: 30px; color: #000; padding-bottom: 45px; }
.gdppPic .msg{ font-size: 14px; color: #646464; line-height: 24px; }
.gdppPic .rightImg{ width: 50%; }
.gdppPic .rightImg img{ width: 100%; }
.gdppPic .swiper-pagination{ position: absolute; width: auto!important; bottom: 0px!important; font-size: 18px; color: #000;}
.gdppPic .swiper-pagination .my-pagination-current{ font-size: 48px; }

.gdppPart2{ background: url(../images/nimg1920_12.jpg) center no-repeat; background-size: cover; height: 556px; text-align: center;}
.gdppPart2 .content{ font-size: 14px; color: #fff; line-height: 24px; padding: 140px 0 40px;}
.gdppPart2 .txt{ text-align: center; color: #fff; font-size: 30px; padding-bottom: 60px;}

.gdppPart3{ padding: 100px 0 70px; }
.gdppPart3 .txt{ text-align: center; color: #000; font-size: 30px; padding-bottom: 90px;}
.gdppPart3 .list{ padding: 0 12%;}
.gdppPart3 .list ul{ margin-right: -176px; }
.gdppPart3 .list li{ float: left; width: 25%; margin-bottom: 65px;}
.gdppPart3 .list li .box{ margin-right: 176px; -webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.1); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.1);}
.gdppPart3 .list li .imgDiv img{ width: 100%; }

.gdppPart4{ padding: 70px 0 75px; background: #efefef;}
.gdppPart4 .txt{ text-align: center; color: #000; font-size: 30px; padding-bottom: 85px;}
.gdppPart4 .bigBox{ padding: 0 12%; }
.gdppPart4Pic{ position: relative; padding: 0 75px; }
.gdppPart4Pic .slick{ margin: 0 29px; }
.gdppPart4Pic .slick .imgDiv{ padding-bottom: 35px; background: url(../images/nimg390Bg.png) center bottom no-repeat;}
.gdppPart4Pic .slick .limg{ border: #f0f0f1 solid 8px; border-radius: 4px; -moz-border-radius:4px;}
.gdppPart4Pic .slick .limg img{ width: 100%; }
.gdppPart4Pic .slick .name{ text-align: center; font-size: 18px; height: 24px; line-height: 24px; overflow: hidden;}
.gdppPart4Pic .slick .msg{ text-align: center; padding-top: 10px; font-size: 14px; color: #a5a5a5;}
.gdppPart4Pic .slick-prev{ position: absolute; display: block; width: 42px; height: 42px; background: url(../images/nimg42_left.png) no-repeat; left: 0px; top: 50%; margin-top: -65px;}
.gdppPart4Pic .slick-next{ position: absolute; display: block; width: 42px; height: 42px; background: url(../images/nimg42_right.png) no-repeat; right: 0px; top: 50%; margin-top: -65px;}
.gdppPart4Pic .slick-prev:hover{ background: url(../images/nimg42_lefton.png) no-repeat;}
.gdppPart4Pic .slick-next:hover{ background: url(../images/nimg42_righton.png) no-repeat;}

.gdppPart5{ padding: 70px 0 190px;}
.gdppPart5 .txt{ text-align: center; color: #000; font-size: 30px; padding-bottom: 60px;}
.gdppPart5 .imgDivTel{ display: none; }
.gdppPart5 .imgDivTel img{ width: 100%; }

.lunbomxf .slick img{ width: 100%; }

.weixinPart1{ padding: 75px 0 165px; background: #eee; }
.weixinPart1 .txt{ text-align: center; font-size: 30px; padding-bottom: 60px; color: #000;}
.weixinPart1 .imgDiv{ text-align: center; }

.weixinPart2{ padding: 95px 0 120px; text-align: center;}
.weixinPart2 .txt{ text-align: center; font-size: 30px; padding-bottom: 130px; color: #000;}
.weixinPart2 .imgDiv{ text-align: center; padding-bottom: 100px;}

.contact{ height: 749px; position: relative; background: url(../images/nimg1920_16.png) center no-repeat;}
.contact .contentBox{ position: absolute; right: 8.33%; top: 85px; width: 642px; }
.contact .title{ height: 67px; background: url(../images/bg2.png) repeat; padding-left: 50px; color: #fff; font-size: 24px; line-height: 66px;}
.contact .list{ background: #fff; height: 513px; }
.contact .list li{ height: 171px; position: relative; padding: 0 84px 0 50px; }
.contact .list li .name{ padding: 35px 0 15px; font-size: 18px; color: #262930; font-weight: bold;}
.contact .list li dd{ float: left; width: 242px; font-size: 14px; color: #818181; line-height: 24px; }
.contact .list li .btn{ position: absolute; right: 30px; top: 50%; margin-top: -20px; z-index: 5;}
.contact .list li:hover{ background: url(../images/nimg651_1.jpg) no-repeat;}
.contact .list li:hover .name, .contact .list li:hover dd{ color: #fff;}

.contactTel{ padding: 30px 10px 50px; }
.contactTel .title{ height: 50px; background: url(../images/bg2.png) repeat; padding-left: 20px; color: #fff; font-size: 18px; line-height: 50px;}
.contactTel .list li{ position: relative; padding: 0 74px 20px 20px; border-bottom: #ddd solid 1px;}
.contactTel .list li .name{ padding: 15px 0 15px; font-size: 16px; color: #262930; font-weight: bold;}
.contactTel .list li dd{ font-size: 14px; color: #818181; line-height: 24px; }
.contactTel .list li .btn{ position: absolute; right: 15px; top: 50%; margin-top: -20px; z-index: 5;}